<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Object-Orientated CSS (OOCSS)</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="stylesheet" href="css/demo.css">
</head>

<body>
	
	<div class="wrapper">
	
		<div id="buttons">
	
			<a href="#" class="btn btn-small btn-blue">Click me!</a>
			<a href="#" class="btn btn-medium btn-blue">Click me!</a>
			<a href="#" class="btn btn-large btn-blue">Click me!</a>
			
			<a href="#" class="btn btn-small btn-dark-blue">Click me!</a>
			<a href="#" class="btn btn-medium btn-dark-blue">Click me!</a>
			<a href="#" class="btn btn-large btn-dark-blue">Click me!</a>
			
			<a href="#" class="btn btn-small btn-dark-grey">Click me!</a>
			<a href="#" class="btn btn-medium btn-dark-grey">Click me!</a>
			<a href="#" class="btn btn-large btn-dark-grey">Click me!</a>
			
			<a href="#" class="btn btn-small btn-salmon">Click me!</a>
			<a href="#" class="btn btn-medium btn-salmon">Click me!</a>
			<a href="#" class="btn btn-large btn-salmon">Click me!</a>
			
			<a href="#" class="btn btn-small btn-orange">Click me!</a>
			<a href="#" class="btn btn-medium btn-orange">Click me!</a>
			<a href="#" class="btn btn-large btn-orange">Click me!</a>
			
			<a href="#" class="btn btn-small btn-mint">Click me!</a>
			<a href="#" class="btn btn-medium btn-mint">Click me!</a>
			<a href="#" class="btn btn-large btn-mint">Click me!</a>
			
			<a href="#" class="btn btn-small btn-pink">Click me!</a>
			<a href="#" class="btn btn-medium btn-pink">Click me!</a>
			<a href="#" class="btn btn-large btn-pink">Click me!</a>
			
			<a href="#" class="btn btn-small btn-purple">Click me!</a>
			<a href="#" class="btn btn-medium btn-purple">Click me!</a>
			<a href="#" class="btn btn-large btn-purple">Click me!</a>
			
			<a href="#" class="btn btn-small btn-yellow">Click me!</a>
			<a href="#" class="btn btn-medium btn-yellow">Click me!</a>
			<a href="#" class="btn btn-large btn-yellow">Click me!</a>
						
			
			<a href="#" class="btn btn-small btn-white">Click me!</a>
			<a href="#" class="btn btn-medium btn-white">Click me!</a>
			<a href="#" class="btn btn-large btn-white">Click me!</a>
		
		</div>
		
	</div>
	
</body>
</html>